<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>问卷</title>
		<link rel="stylesheet" type="text/css" href="styles.css" />
		<style type="text/css">
			.demo {
				width: 760px;
				margin: 60px auto 10px auto
			}
		</style>
		<script src="../js/jquery-2.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="jquiz.js"></script>
		<script>
			var init = {
				'questions': [{
					'question': 'jQuery是什么？',
					'answers': ['JavaScript库', 'CSS库', 'PHP框架', '以上都不是'],
					'correctAnswer': 1
				}, {
					'question': '找出不同类的一项?',
					'answers': ['写字台', '沙发', '电视', '桌布'],
					'correctAnswer': 3
				}, {
					'question': '国土面积最大的国家是：',
					'answers': ['美国', '中国', '俄罗斯', '加拿大'],
					'correctAnswer': 3
				}, {
					'question': '月亮距离地球多远？',
					'answers': ['18万公里', '38万公里', '100万公里', '180万公里'],
					'correctAnswer': 2
				}, {
					'question': ' 你认识刘思阳吗？',
					'answers': ['不认识', '认识', '他是谁', '不知道'],
					'correctAnswer': 2
				}, {
					'question': '所在的城市？',
					'answers': ['哈尔滨', '北京', '上海', '广州'],
					'correctAnswer': 1
				}, {
					'question': '康健美不美？',
					'answers': ['帅', '不帅', '美', '不美'],
					'correctAnswer': 3
				}, {
					'question': '心有猛虎？',
					'answers': ['细嗅蔷薇', '我爱你', '山有木兮', '木有枝'],
					'correctAnswer': 1
				}, {
					'question': '祝你开心快乐！',
					'answers': ['谢谢', '你也是', '嗯', '哦'],
					'correctAnswer': 2
				}, {
					'question': '最后一道题！',
					'answers': ['再见', '记住我', '嗯', '哦'],
					'correctAnswer': 2
				}]
			};

			$(function() {
				$('#quiz-container').jquizzy({
					questions: init.questions
				});
			});
		</script>
	</head>

	<body>

		
		<div id="quiz-container"></div>

	</body>

</html>